import { defineConfig,loadEnv } from 'vite'
// import vue from '@vitejs/plugin-vue'
import createVitePlugins from './vite/plugins'
import path from 'path';

const devBaseUrl = 'http://localhost:8080' // 测试环境
// https://vite.dev/config/
export default defineConfig(({mode,command}) => {
  const env = loadEnv(mode, process.cwd())
  const { VITE_APP_ENV } = env
  return{
    base: VITE_APP_ENV === 'production' ? '/' : '/',
    plugins: createVitePlugins(env, command === 'build'),
    server: {
      host: '0.0.0.0', // 监听所有网络接口（包括本地 IP）
      port: 5173,      // 默认端口（可修改）
      proxy: {
        // 简单代理示例
        '/dev-api': {
          target: devBaseUrl, // 后端API地址
          changeOrigin: true,
          rewrite: (path) => path.replace(/^\/dev-api/, '') // 可选，重写路径
        }
      }
    },
    resolve: {
      alias: {
        '~': path.resolve(__dirname, './'),
        '@': path.resolve(__dirname, './src'), // 设置 @ 指向 src 目录
        // 'components': path.resolve(__dirname, './src/components'), // 示例：组件别名
      },
      extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json', '.vue']
    },
    build: {
      sourcemap: command === 'build' ? false : 'inline',
      outDir: 'blog',
      assetsDir: 'assets',
      chunkSizeWarningLimit: 2000,
      rollupOptions: {
        output: {
          chunkFileNames: 'static/js/[name]-[hash].js',
          entryFileNames: 'static/js/[name]-[hash].js',
          assetFileNames: 'static/[ext]/[name]-[hash].[ext]'
        }
      }
    },
  }
})
